
<!doctype html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	 <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/bootstrapSpace.css">
        <link rel="stylesheet" href="css/style.css">
	<script src="js/jquery.js"></script>
	<script src="js/generic.js"></script>
	<script src="js/bootstrap.js"></script>
	 <script>
        $(document).ready(function(){
                $(document).ready(function(){
                generic.validaForm();
                generic.comboEspec();

                $("#iframeContent").load(function(){
                var myDiv = this.contentWindow.document.getElementsByTagName('div');
                    if(myDiv.length>0){
                        var idDiv = myDiv[0].getAttribute('id');
                        var stringClass = '';
                        if(idDiv == 'asd'){
                            addClase = "alert alert-danger";
                        }else{
                            addClase = "alert alert-success"; 
                            generic.limpiaInputs();
                        }
                        textError = $(myDiv[0]).text();
                        (textError!='')?function(){
                            $('#contentFrame').html(textError).addClass(addClase).css("height", '48px');    
                       }()
                       :function(){
                        $('#contentFrame').removeClass(stringClass).empty().css("height", '0px');;
                        }();
                    }
                });
            });
        });
        </script>
	<title>Aula virtual | Web</title>
</head>
<body>
	
        
        <div class="navbar-wrapper">
		<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Aula virtual</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="index.php">Home</a></li>
            <li><a href="#about">Nosotros</a></li>
            <li><a href="#contact">Contactanos</a></li>
          </ul>
              <!--   <form  id="loginForm"  method="post" action="modules/logIn.php" class="navbar-form navbar-right" role ="form">
		 	<div class="form-group">
				<label for="user" class="sr-only">Usuario:</label>					
		 		<input type="text" class="form-control" id="user" placeholder="usuario">
		 	</div>
		 	<div class="form-group">
				<label for="password" class="sr-only">Contraseña</label>
		 		<input type="password" class="form-control" id="password" placeholder="Contraseña">
		 	</div>
		 	<button type="submit" class="btn btn-default">Ingresar</button>
		 </form>
               
                        <div class="navbar-text pull-right">
				<strong>Acceso a usuarios</strong>
			</div> -->

        </div><!--/.nav-collapse -->
      
	</div>
	</div>
        <div class="container">
            <div class="panel panel-primary">
                <div class="panel-heading">Complete el formulario para registrarse</div>
                <div class="panel-body">
                    <div class="row">
                <div class="col-lg-8"></div>
                <div class="col-lg-4"></div>
            </div>
            <iframe id="iframeContent" name ="response" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" width="0" height="0 ">
                            </iframe>
                            <div id="contentFrame">
                                        
                            </div>
            <form name="myForm" id="myForm" action="modules/newUser.php" method="post" class="form-horizontal" role="form" target="response">
                <div class="form-group">
                    <div class="col-lg-3">
                            <label for="txtApepat" class="control-label">Apellido Paterno:</label>
                            <input type="text" class="form-control input-sm" name="txtApepat" id="txtApepat" placeholder="Perez">				
                    </div>
                    <div class="col-lg-3">
                            <label for="txtApemat" class="control-label">Apellido Materno:</label>
                            <input type="text" class="form-control input-sm" name="txtApemat" id="txtApemat" placeholder="Perez">
                    </div>
                    <div class="col-lg-3">
                            <label for="txtNombre" class="control-label">Nombre:</label>
                            <input type="text" class="form-control input-sm" name="txtNombre" id="txtNombre" placeholder="Juan">		
                    </div>
                </div>
                <hr>
                <div class="form-group">
                    <div class="col-lg-3">
                        <label for="txtUsuario" class="control-label">Usuario:</label>
                        <input type="text" class="form-control input-sm" name="txtUsuario" id="txtUsuario" placeholder="usuario">				
                    </div>
                    <div class="col-lg-3">
                        <label for="txtPass" class="control-label">Constraseña:</label>
                        <input type="password" class="form-control input-sm" name="txtPass" id="txtPass" placeholder="*****">
                    </div>
                    <div class="col-lg-3">
                        <label for="txtPassC" class="control-label">Confirme su contraseña:</label>
                        <input type="password" class="form-control input-sm" name="txtPassC" id="txtPassC" placeholder="*****">				
                    </div>
                </div>
                <hr>
                <div class="form-group">
                    <div class="col-lg-3">
                        <label for="cboPais" class="control-label">País</label>
                        <select class="form-control input-sm" id="cboPais" name="cboPais">
                                <option value="mex">México</option>
                        </select>			
                    </div>
                    <div class="col-lg-3">
                        <label for="cboEstado" class="control-label">Estado</label>
                        <select class="form-control input-sm" id="cboEstado" name="cboEstado">
                                <option value="jal">Jalisco</option>
                        </select>			
                    </div>
                </div>
                <hr>
                <div class="form-group">
                    <div class="col-lg-3">
                        <label for="txtEmail" class="control-label">E-mail</label>
                        <input type="email" class="form-control input-sm" id="txtEmail" name="txtEmail" placeholder="mail@mail.com">		
                    </div>
                    <div class="col-lg-3">
                        <label for="txtEmailC" class="control-label">Confirmar E-mail</label>
                        <input type="email" class="form-control input-sm" id="txtEmailC" name="txtEmailC" placeholder="mail@mail.com">	
                    </div>
                </div>
                <hr>
                <div class="form-group">
                    <div class="col-lg-12">
                        <label for="cboEspec" class="control-label">Especialidad: <label class="label label-info">presione CTRL+Clic si tiene mas de 1 especialidad </label></label>
                        <select class="form-control"  multiple name="cboEspec[]" id="cboEspec">
                        
                        </select>			
                    </div>
                </div>
                <hr>
                <div class="form-group">
                    <div class="col-lg-3">
                        <label for="txtCedula" class="control-label" >Cedula Profesional</label>
                        <input type="text" class="form-control input-sm" id="txtCedula" name="txtCedula" placeholder="">				
                    </div>
                    <div class="col-lg-9">
                        <div class="alert alert-danger">
                           <strong>Importante: </strong>Este dato es necesario para corroborar que es un usuario médico legítimo ya que Redes Médicas Profesionales contiene información exclusiva para médicos y actividades de Educación Médica Continua que le otorgarán créditos para su re-certificación médica avalados por diversas sociedades y consejos médicos.
                        </div>	
                    </div>
                </div>
                <hr>
                <div class="col-lg-3 text-left">
                    <button type="submit" name="btnNuevoUsuario"  class="btn btn-primary">Enviar</button>
                </div>
                <div class="col-lg-9 text-justify">
                       Al hacer clic en "Enviar", Usted acepta todos los Términos y Condiciones de Uso de Redes Médicas Profesionales. Sus datos serán tratados con total confidencialidad como se indica en nuestra Política de Privacidad
                </div>
            </form>
            
                </div>
            </div>
        </div>
    
                        <footer>
    <div class="container">
        
        <p class="pull-right"><a href="#">Ir arriba</a></p>
        <p>© 2013 webToolsDevelopers, Inc. · </p>
      
    </div>
                            </footer>
</body>
</html>